<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="format-detection" content="telephone=no">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <!-- <meta name="viewport" content="width=375, user-scalable=no"> -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no" />
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="expires" content="0" />
    <meta http-equiv="keywords" content="云溯移动端" />
    <meta http-equiv="description" content="云溯移动端" />
    <title>云溯移动端</title>
    <base target="_self">
    <link href="image/logo.ico" type="image/x-icon" rel="shortcut icon">
    <!-- <link rel="stylesheet" type="text/css" href="./assets/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="./assets/datetimepicker/css/bootstrap-datetimepicker.min.css" /> -->
    <link rel="stylesheet" type="text/css" href="./assets/layer/skin/default/layer.css" />
    <link rel="stylesheet" href="./assets/mui/css/mui.min.css">
    <link rel="stylesheet" type="text/css" href="./css/base.css" />
    <link rel="stylesheet" type="text/css" href="./css/yunsuapp.css" />
    <style>
        a[title="站长统计"] {
            display: none;
            
        }
        td div,td {
            line-height: 30px;
        }
    </style>
</head>

<body>
    <div id="yunsuApp">
        <div class="main_top_fixed">
            <ul class="page_flex_ul">
                <li class="page_flex_ul_item">
                    <span class="page_menue_a active">回收</span>
                </li>
                <li class="page_flex_ul_item">
                    <span class="page_menue_a ">清洗</span>
                </li>
                <li class="page_flex_ul_item">
                    <span class="page_menue_a ">配包</span>
                </li>
            </ul>
            <ul class="page_flex_ul" style="border: 0;">
                <li class="page_flex_ul_item ">
                    <span class="page_menue_a">灭菌</span>
                </li>
                <li class="page_flex_ul_item">
                    <span class="page_menue_a ">发送</span>
                </li>
                <li class="page_flex_ul_item">
                    <span class="page_menue_a ">统计</span>
                </li>
            </ul>
        </div>

        <div id="pageMainWarp">
            <div style="position: relative;">
                <form class="form-inline" onsubmit="return false;" style="padding: 10px 10px;width: 40%;">
                    <select class="form-control" name="tx_bc" id="tx_bc" style="min-width:100px;display: inline-block;width:100%;padding: 6px 6px;">
                        <option value="-1">包类型&nbsp;
                        </option>
                        <option value="0">专用包&nbsp;
                        </option>
                        <option value="1">通用包&nbsp;
                        </option>
                        <option value="2">消毒包&nbsp;
                        </option>

                    </select>

                </form>
                <button type="button" class="mui-btn mui-btn-outlined" style="width:60px;color:#5eaeef;position: absolute;top: 12px;right: 14px;">搜索</button>
            </div>
            <div class="empty-element"></div>
            <!-- <div style="height: 10rem;width: 10rem;background: gray;"></div> -->

            <table style="width:100%;overflow-y: auto;">
                <tr class="info-list">
                    <td>

                        <div>
                            <input type="checkbox" id="checkbox01" />
                            <label for="checkbox01"></label>
                        </div>

                    </td>

                    <td>
                        <span>序号</span>
                    </td>
                    <td>
                        <span>科室</span>
                    </td>
                    <td>
                        <span>包数量</span>
                    </td>
                    <td>
                        <span>器械数</span>
                    </td>
                </tr>
                <tr class="info-list">
                    <td>
                        <div>
                            <input type="checkbox" id="checkbox02" />
                            <label for="checkbox02"></label>
                        </div>
                    </td>

                    <td>
                        <span>1</span>
                    </td>
                    <td>
                        <span>手术室手术室</span>
                    </td>
                    <td>
                        <span>20</span>
                    </td>
                    <td>
                        <span>67</span>
                    </td>
                </tr>
                <tr class="info-list">
                    <td>
                        <div>
                            <input type="checkbox" id="checkbox03" />
                            <label for="checkbox03"></label>
                        </div>
                    </td>
                    <td>
                        <span>2</span>
                    </td>
                    <td>
                        <span>外科</span>
                    </td>
                    <td>
                        <span>20</span>
                    </td>
                    <td>
                        <span>67</span>
                    </td>
                </tr>
                
            </table>
        </div>

    </div>


    <!-- <script type="text/javascript" src="js/lib/require.js" data-main='main.js'></script> -->

    <script type="text/javascript" src="js/lib/jquery-2.1.4.js"></script>
    <script type="text/javascript" src="./assets/mui/js/mui.js"></script>
    <script>
        $(function () {
            $("li.page_flex_ul_item").on("click", function () {
                $("li.page_flex_ul_item .page_menue_a").removeClass("active");
                $(this).children(".page_menue_a").addClass("active");
            })

            $("#checkbox01").change(function () {
                $("input[id^=check]").prop("checked", $(this).prop("checked"))
            })
            $("input:checkbox").change(function () {
                console.log( $(this).prop("checked"))
            })


        })
    </script>
</body>

</html>